/*
 *
 * (c) Copyright Ascensio System Limited 2010-2023
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * http://www.apache.org/licenses/LICENSE-2.0
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
*/


@import "params.less";

.advansed-filter {
    margin-bottom: 32px;
}

body.media-width-0-1650 div.advansed-filter {
    max-width:  1313px;
}
body.media-width-0-1620 div.advansed-filter {
    max-width:  1283px;
}
body.media-width-0-1575 div.advansed-filter {
    max-width:  1238px;
}
body.media-width-0-1500 div.advansed-filter {
    max-width:  1163px;
}
body.media-width-0-1470 div.advansed-filter {
    max-width:  1133px;
}
body.media-width-0-1450 div.advansed-filter {
    max-width:  1113px;
}
body.media-width-0-1420 div.advansed-filter {
    max-width:  1083px;
}
body.media-width-0-1410 div.advansed-filter {
    max-width:  1073px;
}
body.media-width-0-1400 div.advansed-filter {
    max-width:  1063px;
}
body.media-width-0-1390 div.advansed-filter {
    max-width:  1053px;
}
body.media-width-0-1350 div.advansed-filter {
    max-width:  1013px;
}
body.media-width-0-1340 div.advansed-filter {
    max-width:  1003px;
}
body.media-width-0-1300 div.advansed-filter {
    max-width:  963px;
}
body.media-width-0-1270 div.advansed-filter {
    max-width:  933px;
}
body.media-width-0-1260 div.advansed-filter {
    max-width:  923px;
}
body.media-width-0-1250 div.advansed-filter {
    max-width:  913px;
}
body.media-width-0-1210 div.advansed-filter {
    max-width:  873px;
}
body.media-width-0-1200 div.advansed-filter {
    max-width:  863px;
}
body.media-width-0-1180 div.advansed-filter {
    max-width:  843px;
}
body.media-width-0-1160 div.advansed-filter {
    max-width:  823px;
}
body.media-width-0-1150 div.advansed-filter {
    max-width:  813px;
}
body.media-width-0-1144 div.advansed-filter {
    max-width:  807px;
}
body.media-width-0-1140 div.advansed-filter {
    max-width:  803px;
}
body.media-width-0-1120 div.advansed-filter {
    max-width:  783px;
}
body.media-width-0-1100 div.advansed-filter {
    max-width:  763px;
}
body.media-width-0-1096 div.advansed-filter {
    max-width:  759px;
}
body.media-width-0-1080 div.advansed-filter {
    max-width:  743px;
}
body.media-width-0-1072 div.advansed-filter {
    max-width:  735px;
}
body.media-width-0-1048 div.advansed-filter {
    max-width:  711px;
}
body.media-width-0-1030 div.advansed-filter {
    max-width:  693px;
}
body.media-width-0-1024 div.advansed-filter
{   
     max-width:  687px;
}

.ui-widget.ui-widget-content {
    border-color: @border-ui-datepicker !important;
}

.ui-widget-content {
    background: @body-color !important;
    color: @textColor !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border-color: @border-ui-datepicker-dark !important;
    background-color: @bg-ui-datepicker-dark !important;
    color: @color-ui-datepicker-dark !important;
}

div.advansed-filter div.advansed-item-list ul.item-list li.item-item:hover {
    background-color: @menu-selected-bg-filter !important;
}
div.advansed-filter div.advansed-filter-container {
    background-color: @back-ground-text !important;
}
div.advansed-filter-container div.advansed-filter-filters div.btn-show-hidden-filters, div.advansed-filter-container div.advansed-filter-filters div.filter-item {
    border-color: @bor-col-adv-fil !important;
}

div.advansed-filter-container span.custom-combobox div.combobox-container {
    background-color: @body-color !important;
    border-color: @borderColor !important;
}

div.advansed-filter-container span.custom-combobox div.combobox-container ul.combobox-options li.option-item {
    background-color: @body-color !important;
}
div.advansed-filter-container span.custom-combobox div.combobox-container ul.combobox-options li.option-item:hover {
    background-color: @menu-selected-bg-filter !important;
}


div.advansed-filter-container div.advansed-filter-filters div.filter-item span.group-selector span.custom-value span.inner-text, div.advansed-filter-container div.advansed-filter-filters div.filter-item span.group-selector span.default-value span.inner-text, div.advansed-filter-container div.advansed-filter-filters div.filter-item span.person-selector span.custom-value span.inner-text, div.advansed-filter-container div.advansed-filter-filters div.filter-item span.person-selector span.default-value span.inner-text {
    color: @jquery-custom-color !important;
}

div.advansed-filter-container span.custom-combobox span.combobox-title .inner-text {
    border-bottom-color: @jquery-custom-color !important;
}
div.advansed-filter-container span.custom-combobox span.combobox-title {
    color: @jquery-custom-color !important;
}
.ui-widget-header .ui-icon {
    background-image: url("images/@{jquery-icons-light}") !important;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-buttton:hover .ui-icon, .ui-button:focus .ui-icon, .ui-state-default .ui-icon {
    background-image: url("images/@{jquery-icons-light-hover}") !important;
}
div.advansed-filter label.advansed-filter-hint::after {
    color: @body-color !important;
    background-color: @advansed-filter-hint-after !important;
}

div.advansed-filter-container div.advansed-filter-filters div.filter-item span.daterange-selector span.advansed-filter-datepicker-container {
    background: @body-color !important;
    border-color: @borderColor !important;
}

.asc-datepicker .ui-widget-header {
    background: @body-color url("images/@{asc-datepicker-bg}") 50% 50% repeat-x !important;
}

.asc-datepicker .ui-state-default, .asc-datepicker .ui-widget-content .ui-state-default, .asc-datepicker .ui-widget-header .ui-state-default {
    background: @body-color url("images/@{asc-datepicker-bg}") 50% 50% repeat-x !important;
}

div.advansed-filter-container div.advansed-filter-filters div.filter-item span.daterange-selector span.advansed-filter-dateselector-date span.btn-show-datepicker-container span.btn-show-datepicker-title {
    border-bottom-color: @jquery-custom-color !important;
}

div.advansed-filter-container div.advansed-filter-filters div.filter-item span.daterange-selector span.advansed-filter-dateselector-date span.btn-show-datepicker-container {
    color: @jquery-custom-color !important;
}

div.advansed-filter div.advansed-item-list ul.item-list li.item-group span.title {
    color: @adv-filter-item-group !important;
}

div.advansed-filter-container div.advansed-filter-filters div.filter-item span.group-selector span.custom-value span.inner-text, div.advansed-filter-container div.advansed-filter-filters div.filter-item span.group-selector span.default-value span.inner-text, div.advansed-filter-container div.advansed-filter-filters div.filter-item span.person-selector span.custom-value span.inner-text, div.advansed-filter-container div.advansed-filter-filters div.filter-item span.person-selector span.default-value span.inner-text {
    border-bottom-color: @adv-filter-container-bor !important;
}

div.advansed-filter-container span.custom-combobox span.combobox-title .inner-text {
    border-bottom-color: @adv-filter-container-bor !important;
}
div.advansed-filter-container div.advansed-filter-filters div.filter-item span.daterange-selector span.advansed-filter-dateselector-date span.btn-show-datepicker-container span.btn-show-datepicker-title {
    border-bottom-color: @adv-filter-container-bor !important;
}